import React, {Component} from 'react';
import ReIcon from '../ReIcon';
import classnames from 'classnames';
import MaskWrapper from '../MaskWrapper/MaskWrapper';
import './MobileRightToolTab.less';


export default class MobileRightToolbarTab extends Component {

    render() {
        let {onClick, isShow} = this.props;
        let classname = classnames({
            'active': isShow,
            'mobile-right-icon-wrapper': true
        })
        return <MaskWrapper show={isShow} closeHandler={onClick}>
            <div className='mobile-right-toolbar-wrapper'>
                {
                    this.props.children
                }
                <div className={classname} onClick={onClick}>
                    <span className="icon-wrapper">
                        <ReIcon className={'icon'} icon="icon_more_normal1"/>
                    </span>
                    <span className="text">管理</span>
                </div>
            </div>
        </MaskWrapper>
    }

}